<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="zh" xmlns="http://www.w3.org/1999/xhtml" lang="zh"><head>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>
        Xiaojay's Lab
    </title>
  <style>
    .clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }
    .clearfix { display: inline-block; }

    /* Hides from IE-mac \*/
    * html .clearfix { height: 1%; }
    .clearfix { display: block; }
    /* End hide from IE-mac */

    ul li { list-style-type: none; padding: 5px; }
    h1 { padding-left: 30px; }

    #content { border-top: black solid 1px; border-bottom: black solid 1px; padding: 15px; margin: 20px; }

    #main-content { width: 65%; padding: 20px; float: left; border-right: 1px solid black; }

    #content-related { float: right; padding: 15px;  width: 28%; }

    #footer { text-align: center; }
    #footer p { margin: 0; padding: 0; }
  </style>
  
  </head><body>
    <h1>Xiaojay's Lab</h1>
    
    <div id="content" class="clearfix">
    
    <div id="main-content">
      <ul>
        <li>A amateur python programmer</li>
        <li>A amateur chinese stock trader</li>
      </ul>
    </div>
    
    <div id="content-related">
      <ul>
        <li><a href="/blog">Blog</a> - Track my study</li>
        <li><a href="/wiki">Wiki</a> - 知识分享</li>
      </ul>
    </div>
    
    </div>
    
    <div id="footer">
      <p>2008 <img src='/images/mail.png'></p>
      <a href='http://code.google.com/appengine/'><img src='/images/gae.gif' align=middle></a>
    </div>
  </body></html>
